 //1.公用样式
 require('../../assets/css/index.JS')
 //当前页面样式
 require('./login.less')

    //2.公用js
let dom=require('../../utils/dom.JS');
let http=require('../../utils/http.js');
let utils=require('../../utils/utils.js');
const CaptchaMini=require('captcha-mini');

    //3.当前页面效果
// console.log(dom);
//相当于文档加载事件
dom.ready(function(){
//  获取对应inp的dom
let telNum=document.querySelector('#tel-num');
let verify=document.querySelector('#verify');
let pwd=document.querySelector('#pwd');
let dbpwd=document.querySelector('#dbpwd');
let loginBtn=document.querySelector('.login-btn');
let pwdBtn=document.querySelector('.pwd-btn');
let telText=document.querySelector('.telText');
let randomNumbox=document.querySelector('.random-numbox');
// 显示密码
let showpwd=document.querySelector('#show-pwd');
let showdbpwd=document.querySelector('#show-dbpwd');

// console.log(showpwd);


let captchaCode = ''; // 当前验证码
// 创建验证码渲染器
const captchaDrawer = new CaptchaMini({
    length:4
});
captchaDrawer.draw(document.querySelector('#captcha'), function(code) {
    captchaCode = code;
    captchaCode=captchaCode.toLocaleLowerCase();
});




// 电话号
telNum.addEventListener('blur',function(){
    let data=telNum.value;
    if (!utils.verifyTel(data)) {
        telNum.value='请输入有效的手机号';
        telNum.addEventListener('click',function(){
            telNum.value='';
        })
    }else{
        telNum.placeholder='请输入手机号';
        
    }
})

// 验证码
verify.addEventListener('blur',function(){
    let data=verify.value;
    if (captchaCode==verify.value) {
        verify.placeholder=''
    }else{
        verify.value='验证码输入错误'
        verify.addEventListener('click',function(){
            verify.value='';
        })
    }
})

// 密码
pwd.addEventListener('blur',function(){
    let data=pwd.value;
    // console.log(data);
    // console.log(utils.window.$utils);
    if (!utils.verifyPwd(data)) {
        pwd.placeholder='密码格式有错，请重新输入'
        // pwd.addEventListener('click',function(){
        //     pwd.value='';
        // })
    }else{
        pwd.placeholder='';
        
    }
})

// 第二次密码
dbpwd.addEventListener('blur',function(){
    let data=dbpwd.value;
    if (pwd.value=='') {
        dbpwd.placeholder='密码格式有错，请重新输入'
    }else if(data==pwd.value){
    }else{
            alert('两次输入密码不一致')
    
    }
})



// 提交按钮验证
loginBtn.addEventListener('click',function(){
    
    
    if (telNum.value=="") {
        weui.topTips('手机号码不能为空')
        return;
    }else if (verify.value!=captchaCode) {
        weui.topTips('验证码不能为空')
        return;
    }else if (pwd.value=="") {
        weui.topTips('密码不能为空')
        return;
    }else if (dbpwd.value!=pwd.value) {
        weui.topTips('两次密码不一致')
        return;
    }else{
        // alert('可以发送ajax');
        http.post('/api/user/isExist',{account:telNum.value},function(res){
            if (res.errno==10002) {
                alert(`${res.message}`)
            }else if (res.errno==0) {
                http.post('/api/user/register',
                {account:telNum.value,password:pwd.value},
                function(res){
                    console.log(res);
                    if (res.errno==10002) {
                        console.log(res.message);
                    }else if (res.errno==0) {
                        window.location='register.html'
                        
                    }
                })
            }
        })
    }
})
// 页面跳转登录页面
pwdBtn.addEventListener('click',function(){
    window.location.href='register.html'
})

// 显示/隐藏 密码
function showPWD(dom,text){
    dom.addEventListener('click',function(){
        if( text.type=='password'){
            text.type='text';
        }else{
            text.type='password';
        }
    })
}
showPWD(showpwd,pwd);
showPWD(showdbpwd,dbpwd);





        
})



